<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	 <head>
		<script type="text/javascript">
			function show_confirm()
			{
			var r=confirm("Kas olete kindel, et soovite just neid tooteid?");
				if (r==true)
				{
					maksma();
				}
				else
				{
					alert("Tehing katkestatud!");
				}
			}
			function maksma()
			{
				var div = document.getElementById("ostukorv_staatus");
				var sum = parseInt(div.innerHTML);
				var maksta=prompt("Maksmisele kuulub: "+sum+":","Sisestage maksmisele kuuluv summa siia");
				if (maksta == null)
				{
					alert("Tehing katkestatud!")
				}
				else if (maksta==sum)
				{
					alert("Aitähh, et tasusite täpse summa!");
				}
				else if (maksta<sum)
				{
					alert("Sellest summast ei piisa, palun maksta suurem summa! Puudujääk on " + (sum - maksta));
					maksma();
				}
				else if (maksta>sum)
				{
					alert("Palun maksta täpne summa! Ülejääk on " + (maksta-sum));
					maksma();
				}
				else if (isNaN(maksta))
				{
					alert("Palun sisestage nõutud summa!!!");
				}
			}
			function osta()
			{
				var x=document.getElementById("tooted");
				var y=document.getElementById("ostukorv");
				y.options[y.options.length]=new Option(x.options[x.selectedIndex].innerHTML, x.value);
				var div = document.getElementById("ostukorv_staatus");
				var sum = parseInt(div.innerHTML);
				sum = sum + parseInt(x.value);
				div.innerHTML=sum;
				x.remove(x.selectedIndex);
			}
			function tagasta()
			{
				var x=document.getElementById("tooted");
				var y=document.getElementById("ostukorv");
				x.options[x.options.length]=new Option(y.options[y.selectedIndex].innerHTML, y.value);
				var div = document.getElementById("ostukorv_staatus");
				var sum = parseInt(div.innerHTML);
				sum = sum - parseInt(y.value);
				div.innerHTML=sum;
				y.remove(y.selectedIndex);
			}
</script>	 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" type="text/css" href="mystyle3.css" />
	 </head>
	 <body>
		 <table border="2">
		 <tr>
		 <td align="center">K&otilde;ik tooted</td>
		 <td></td>
		 <td align="center">Ostukorv</td>
		 </tr>
		 <tr>
		 <td>
			 <select id="tooted" size="10">
				 <option value="16990">Fujitsu Siemens Si2636 T7500 s&uuml;learvuti (16990 kr)</option>
				 <option value="15990">HP Pavilion dv6635 Media s&uuml;learvuti (15990 kr)</option>
				 <option value="11990">Asus PRO52L s&uuml;learvuti (11990 kr)</option>
				 <option value="1490">Samsung ML-2015 laserprinter (1490 kr)</option>
			 </select>
		 </td>
		 <td align="center">
			 <input type="button" onclick="osta()" value="&gt;" /><br/>
			 <input type="button" onclick="tagasta()" value="&lt;"/><br/>
			 <input type="button" onclick="show_confirm()" value="Osta"/>
		 </td>
		 <td style="width: 306px">
		 <select id="ostukorv" size="10" style="width: 311px">
		 </select>
		 </td>
		 </tr>
		 <tr>
		 <td></td>
		 <td></td>
		 <td><div id="ostukorv_staatus">0</div>krooni</td>
		 </tr>
	 </table>
	 </body>
</html>
